<template>
	<view>
		<u-popup :mode="mode" :show="show" closeable round='20' :safeAreaInsetBottom="false">
			<view class="" style="background-color: #000;">
				<swiper style="width: 100vw;height: 100vh;" :current="current" :indicator-dots="true">
					<swiper-item style="width: 100vw;height: 100vh;" v-for="(item,index) in urls" :key="index">
						<view @click="close" class="w-100 h-100 fr-ac-jc">
							<image style="width: 100%;" :src="baseUrl?baseUrl+item:item" mode="widthFix" show-menu-by-longpress></image>
						</view>
					</swiper-item>
				</swiper>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		props: {
			//是否显示
			show: {
				default: false,
				type:Boolean
			},
			mode:{
				default: "center",
				type:String
			},
			urls:{
				default: [],
				type:Array
			},
			current:{
				default: 0,
			},
			baseUrl:{
				default: '',
			},
		},
		data() {
			return {
	
			};
		},
		methods: {
			close(){
				this.$emit('close')
			},
			empty(){
				this.$emit('empty')
			},
			cancel(){
				this.$emit('cancel')
			}
		}
	}
</script>

<style lang="scss">
	
</style>